import './App.css';
import { BrowserRouter, Link, Routes, Route } from 'react-router-dom'
import Page1 from './page-1'
import Page2 from './page-2'
import Page3 from './page-3'
const App = () => {
  return (
    <div className="App">
      <BrowserRouter>
        <Link to="/react" >React项目</Link>
        <Link to="/vue" style={{ marginLeft: '20px' }}>vue项目</Link>
        <Link to="/vite" style={{ marginLeft: '20px' }}>vite vue项目</Link>

        <Routes>
          <Route path='/react/*' element={<Page1 />}></Route>
          <Route path='/vue/*' element={<Page2 />}></Route>
          <Route path='/vite/*' element={<Page3 />}></Route>
        </Routes>
      </BrowserRouter>


    </div>
  );
}

export default App;
